@remScale: 20rem;
@rem: @remScale;

/**
 * Colors
 */

@primary-color-light: #cfeeff;
// @primary-color: #0bb5cf;
// @primary-color: #72bb2a;
@primary-color: #022b21;
@primary-color-deep: darken(@primary-color, 10%);
@primary-font-color: #474d46;
@primary-btn-color: #2a2a2a;
@primary-btn-color-deep: darken(@primary-btn-color, 10%);
@navbar-mine-color: #484848;
@navbar-active-color: #12a4e8;
@btn-active-blue: #1A9ED0;
@btn-hover-blue: #4AC0EC;
@wechat-btn: #32c25a;
@wechat-btn-deep: lighten(@wechat-btn, 10%);
@sub-color: #000;
@sub-color-lighten: lighten(@sub-color, 30%);
@success-color: #4cd964;
@danger-color: #f94242;
@dark-sky-blue: #3498db;
@greenish-teal: #2ecc71;
@danger-input-color: #2a2a2a;
@main-bg-color: #f5f7fa;
@white: #ffffff;
@bg-color: #f2f6f9;
//文字主色
@black-three: #333;
@black-title: #383838;
@black-six: #666666;
//辅助颜色，用于正文文字
@black-auxiliary-text: #6e6e6e;
//辅助颜色，用于辅助文字
@black-auxiliary: #999999;
@black-cancel-hover: #a2a2a2;
@black-hover-auxiliary: #909399;
//背景颜色
@black-bg-color: #191919;
@background-color: #f2f2f2;
@pinkish-grey: #cccccc;

@pinkish-darken-gray: #aaaaaa;
//辅助颜色，浅蓝色
@light-blue-color: #2A8AF3;
@hover-red: #FF556A;
//输入框hover  聚焦颜色
@border-hover-color: #c0c4cc;
//边框颜色
@border-color: #dddddd;
@new-border-color: #DCDFE6;
//分割线颜色
@cut-line-color: #eeeeee;
//禁用颜色
@disabled-color: #d6d6d6;
//主色
@titleTextColor: #202022;
@mainColor: #2a2a2a;
@mainTextColor: #303133;
@normalTextColor: #606266;
//设置界面字体浅颜色
@settingColor: #888888;
//提升字体对前边*的颜色
@starColor: #e53328;

@cancel-btn-color: #afb5bc;

@borderColor: @border-color;
@errorColor: @danger-color;
@errorInput: @danger-input-color;
@successColor: @success-color;

@bodyLeftBarWidth: 250/@remScale;

/* other */

@header-height: 60 /@remScale;
@header-preview-height: 50 /@remScale;
@home-header-height-phone: 50/@remScale;

/* toolbar width*/
@toolBar-pc-width: 120/@remScale;
@toolBar-phone-width: 85/@remScale;
@toolBar-pc-height: 50/@remScale;
@toolBar-phone-height: 35/@remScale;

@left-nav-width: 180/@remScale;

@borderRadius: 4 / @remScale;
@maskAlpha: .6;

@dialogZIndex: 9;
@dialogHeaderHeight: 70/@remScale;

@back-btn-left: 8/@remScale;

@overdue-height: 50/@remScale;
@pc-height-with-overdue: calc(~'100vh - 2.5rem');

@pc-nav-height: 100vh;
@pc-nav-height-with-scroll: calc(~'100vh - 0.75rem');
@pc-nav-left-width: 260/@remScale;
@phone-nav-height: calc(~'98vh - 4rem');
@phone-setting-height: calc(~'100vh - 2.5rem');
@left-right-radius: 6/@remScale;
@selectWidth: 40/@remScale;

@secondMarginPx: 40/@remScale;

@body-min-width: 1200px;
@right-content-min-width: 1100px;
@headerMinWidth: 940/@remScale;

@a: 260;
@g: 30;
@c: (@a + @g * 2);
@max0: ((@a*2 + @g*2)+0px);
@max1: ((@a*1) + @max0);
@max2: ((@a*2) + @max0);
@max3: ((@a*3) + @max0);
@max4: ((@a*4) + @max0);
@max5: ((@a*5) + @max0);
@max6: ((@a*6) + @max0);
@max7: ((@a*7) + @max0);
// @max1 840
// @max2 1100
// @max3 1360
// @max4 1620
// @max5 1880
// @max6 2140
@import "variables_dark";
